import React, {Component} from 'react';
import {Text, View, Image, StyleSheet} from 'react-native';

export default class Card extends Component {
  render() {
    const {picurl, title, des, symbol, price, font} = this.props;
    return (
      <View style={styles.box}>
        <Image source={{uri: picurl}} style={styles.pic} />
        <View style={styles.con}>
          <Text style={styles.txt1}>{title}</Text>
          <Text style={styles.time}>
            {symbol}
            {price}
            {font}
          </Text>
        </View>
      </View>
    );
  }
}
const styles = StyleSheet.create({
  con: {
    flex: 1,
    backgroundColor: 'purple',
  },
  txt1: {},
  time: {
    color: 'red',
    fontSize: 12,
    marginTop: 5,
  },
  pic: {
    width: 50,
    height: 50,
    backgroundColor: '#ddd',
    borderRadius: 50 / 2,
    marginRight: 10,
  },
  box: {
    // flex: 1,
    flexDirection: 'row',
    justifyContent: 'center',
    marginHorizontal: 20,
    marginVertical: 10,
    shadowColor: 'black',
    shadowRadius: 20,
    shadowOffset: {width: 10, height: 10},
    backgroundColor: 'purple',
    elevation: 20,
    padding: 10,
  },
});
